layui.use(['form', 'layer', 'table', 'laytpl', 'upload'], function () {
    var form = layui.form,
        layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery,
        laytpl = layui.laytpl,
        table = layui.table;
    upload = layui.upload;
    //用户列表
    var tableIns = table.render({
        elem: '#userList',
        //  url : '../../json/userList.json',
        url: '../../../project/page',
        cellMinWidth: 95,
        page: true,
        height: "full-125",
        limits: [10, 16, 20, 25],
        limit: 16,
        id: "userListTable",
        cols: [[
            {type: "checkbox" },
            /**
             * workUnit": "钢铁一局",
             "address": "宝龙11",
             "Leader": "需求申请人小王",
             "projectLeader": 1,
             "projectName": "银杏叶项目",
             "projectId": 1,
             "building": "2栋"
             */
            {field: 'projectName', title: '项目名称', minWidth: 100, align: "center"},
            {field: 'address', title: '项目地址', minWidth: 100, align: "center"},
            {field: 'workUnit', title: '施工单位', minWidth: 100, align: "center"},

            {
                title: '操作', minWidth: 175,

                fixed: "right", align: "center",
                templet: '#userListBar'

            }
        ]]
    });
    /**
     *  templet: function (d) { return d.account}
     // templet: function (d) { return d.account}
     /**
     *  templet:'#userListBar',
     *   toolbar: '#barDemo',
     templet: function (d) { return d.State}
     */

    // 页面准备完毕 就绑定 上传插件
    upload.render({
        elem: '#uploadExcel'
        , url: '../../user/import'
        , accept: 'file' //普通文件
        , exts: 'xls|xlsx' //允许上传的文件后缀  |xlsx |
        , multiple: true
        , done: function (res) {
            console.log(res);
        }
    });

    //搜索 功能还没 完善
    $(".search_btn").on("click", function () {
        table.reload("userListTable", {
            page: {
                curr: 1 //重新从第 1 页开始
            },
            where: {
                projectName: $("#searchName").val().trim()  //搜索的 关键字  姓名,手机号,账号
            }
        })

    });

    //添加或者编辑用户
    function addUser(edit) {
        var index = layui.layer.open({
            title: "添加修改信息",
            type: 2,
            content: "projectAdd.html",
            success: function (layero, index) {
                var body = layui.layer.getChildFrame('body', index);
                if (edit) {
                    //账号 可否能够修改
                    // projectId
                    body.find("#projectId").val(edit.projectId);
               //     body.find("#account").val(edit.account).prop('disabled', true);  //登录名
                    body.find("#projectName").val(edit.projectName);  //登录名
                    body.find("#address").val(edit.address);
                    body.find("#workUnit").val(edit.workUnit);

                    /*

                    $("#atype").val($('#typename').val());//atype是select的id
                    form.render('select');
                     */
                    form.render();
                }
                setTimeout(function () {
                    layui.layer.tips('点击此处返回列表', '.layui-layer-setwin .layui-layer-close', {
                        tips: 3
                    });
                }, 500)
            }
        })
        layui.layer.full(index);
        window.sessionStorage.setItem("index", index);
        //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
        $(window).on("resize", function () {
            layui.layer.full(window.sessionStorage.getItem("index"));
        })
    }

    $(".addNews_btn").click(function () {
        addUser();
    })
    // 到处Excel       import_btn
    $(".export_btn").click(function () {
        // 导出
        var form = $('<form></form>');
        // 设置属性
        form.attr('action', '../../user/export');//  请求后台的URL
        form.attr('method', 'POST');
        form.attr('target', '_blank');
        form.css('display', 'none');
        var param = getParams();
        if (param) {
            for (var i in param) {
                var input = $('<input type="text" name="' + i + '" value="' + param[i] + '" />');
                form.append(input);
            }
        }
        form.appendTo("body")
        // 提交表单
        form.submit();
        //删除表单
        form.remove();

    })


    // 获取参数
    function getParams() {
        var queryParam = {
            //   branchReqOrderNumber : branchReqOrderNumber,
            // reqOrderName : reqOrderName,

        }
        return queryParam;
    }

    //批量删除
    $(".delAll_btn").click(function () {
        var checkStatus = table.checkStatus('userListTable'),
            data = checkStatus.data,
            userIds = [];
        if (data.length > 0) {
            for (var i in data) {
                userIds.push(data[i].uid);
            }
            layer.confirm('确定删除选中的用户？', {icon: 3, title: '提示信息'}, function (index) {

                console.log(userIds);
                $.post("../../user/batchdel", {
                    ids: userIds.join(',') //将需要删除的userIds作为参数传入
                }, function (data) {
                    tableIns.reload();
                    layer.close(index);
                })

            })
        } else {
            layer.msg("请选择需要删除的用户");
        }
    })

    //列表操作
    table.on('tool(userList)', function (obj) {
        var layEvent = obj.event,
            data = obj.data;

        if (layEvent === 'edit') { //编辑
            addUser(data);
        } else if (layEvent === 'usable') { //启用禁用
            var _this = $(this),
                usableText = "是否确定解除此用户的设备？",
                btnText = "已解除";
            // if(_this.text()=="已禁用"){
            //     usableText = "是否确定启用此用户？",
            //     btnText = "已启用";
            // }
            layer.confirm(usableText, {
                icon: 3,
                title: '系统提示',
                cancel: function (index) {
                    layer.close(index);
                }
            }, function (index) {
                $.post("../../facility/untying", {  //解绑此用户的  设备
                    id: data.id  //将 Id作为参数传入
                }, function (data) {
                    //   tableIns.reload();
                    // layer.close(index);
                    _this.text(btnText);
                    layer.close(index);
                })
            });
        } else if (layEvent === 'del') { //删除
            layer.confirm('确定删除此数据？', {icon: 3, title: '提示信息'}, function (index) {
                $.post("../../project/del", {
                    projectId: data.projectId  //将需要删除的newsId作为参数传入
                }, function (data) {
                    tableIns.reload();
                    layer.close(index);
                })
            });
        }
    });

})
